<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--标题标签的特点:独占一行-->
<!--align设置水平对齐方式-->
<h1 align="center">内容标题1</h1>
<h1 align="center">内容标题1</h1>
<h2 align="right">内容标题2</h2>
<h3 >内容标题3</h3>
<h4 >内容标题4</h4>
<h5 >内容标题5</h5>
<h6 >内容标题6</h6>
<!--水平分割线标签-->
<hr>
<!--快速复制快捷方式 ctrl+d-->
<!--段落标签:独占一行 自带上下的间距-->
<p>段落
    标签1</p>
<p>段落标签2</p>
<!--<br>换行标签,html中回车起不到换行的效果,只能通过<br>换行-->
<p>段落<br>标签3</p>
<!--<b>加粗 <i>斜体 <u>下划线 <s> 删除线 标签-->
加粗<b>标签</b><br>
斜体<i>标签</i><br>
下划线<u>标签</u><br>
删除线<s>标签</s>
<!--无序列表ul 有序列表ol-->
<h3>无序列表</h3>
<ul><!--unordered list无序列表-->
    <li>刘备</li><!--list item  列表项-->
    <li>诸葛亮</li>
    <li>孙尚香</li>
    <li>黄忠</li>
</ul>
<h3>有序列表</h3>
<ol><!--ordered list有序列表-->
    <li>java基础</li>
    <li>java API</li>
    <li>WEB 前端</li>
</ol>
<h3>列表嵌套<!--即无序列表和有序列表的嵌套--></h3>
<ul>
    <li>凉菜
        <ol>
            <li>拍黄瓜</li>
            <li>东北大拉皮</li>
            <li>蒜泥白肉</li>
            <li>白糖番茄</li>
        </ol>
    </li>
    <li>热菜
        <ol>
            <li>盐煎肉</li>
            <li>东坡肘子</li>
            <li>鱼香肉丝</li>
            <li>水煮肉片</li>
        </ol>
    </li>
    <li>炖菜
        <ol>
            <li>猪肉炖粉条</li>
            <li>小鸡炖蘑菇</li>
        </ol>
    </li>
</ul>
</body>
</html>